<!DOCTYPE html>
<html lang="zh-CN">

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
                div {
                        width: 300px;
                        height: 300px;
                        /* 边框粗细 */
                        border-width: 3px;
                        /* 边框样式：dotted点线   dashed虚线    solid实线（用得最多）  */
                        /* border-style: dashed; */
                        /* border-style: dotted; */
                        border-style: solid;
                        /* 边框颜色 */
                        border-color: blue;
                        /* 复合写法：宽度 样式 颜色 */
                        
                        border: 8px dashed red;
                        /* 把下边框设置成pink色   直接是border表示的是四条边*/
                        border-bottom: 4px solid pink;
                        border-left-color: springgreen;
                }
        </style>
</head>

<body>
        <div></div>
</body>

</html>